<link rel="stylesheet" href="/static/project/plugin/cropper-master/cropper.css">
<link rel="stylesheet" href="/static/project/css/myroom.css">
<div id="myAlertSuccess" class="alert alert-success hide">
    <a href="#" class="close" >&times;</a>
    <strong>更新成功！</strong>
</div>
<div id="myAlertError" class="alert alert-danger hide">
    <a href="#" class="close" >&times;</a>
    <strong>更新失败！出现未知错误!</strong>
</div>
<div class="container">
    <h2 id="tip">您暂无直播间</h2>
    <div class="col-xs-9 form-horizontal hide" name="room">
        <form action="javascript:void(0)">
            <div class="form-group">
                <label  class="control-label col-md-3 text-center">打开直播:</label>
                <div class="col-md-6">
                    <button name="open" data="0" class="btn btn-sm btn-primary hide">开启</button>
                    <button name="close" data="1" class="btn btn-sm btn-danger hide">关闭</button>
                </div>
            </div>
            <div class="form-group">
                <label  class="control-label col-md-3 text-center">直播状态:</label>
                <div class="col-md-2">
                    <label  data="1" class="control-label hide"><span class="label label-success">直播中</span></label>
                    <label  data="0" class="control-label hide"><span class="label label-danger">关闭</span></label>
                </div>
            </div>
            <div class="form-group">
                <label  class="control-label col-md-3 text-center">房间号:</label>
                <div class="col-md-6">
                    <label class="control-label " id="roomid"></label>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 text-center" for="roomname">房间名:</label>
                <div class="col-md-6">
                    <input type="text" placeholder="请输入你的房间名" class="form-control" id="roomname"></input>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 text-center" for="key">直播密钥:</label>
                <div class="col-md-6">
                    <input type="text" class="form-control disabled" disabled="true" id="key"></input>
                </div>
            </div>

            <div class="form-group">
                <label for="description" class="control-label col-md-3 text-center">房间简介：</label>
                <div class="col-md-6">
                    <textarea class="form-control" maxlength="125" style="resize: none;width: 100%;height: 85px"
                              id="description" placeholder="房间介绍"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 text-center" >直播封面：</label>
                <div class="col-md-9">
                    <input type="file" id="inputfile"  class="contro-label">

                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 text-center" ></label>
                <div class="col-md-9">
                    <div class="row">
                        <div class="col-sm-7">
                            <img id="image" src="" alt="暂无封面" style="width: 320px;height: 260px">
                        </div>
                        <div class="col-sm-5">
                            <div id="view" class="preview-lg"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label class="control-label col-md-3 text-center" for="reset"></label>
                <div class="col-md-6">
                    <button class="btn btn-primary pull-right" id="reset" value="更新">更新</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script src="/static/project/js/main/person-manage-room.js"></script>
<script src="/static/project/plugin/cropper-master/cropper.js"></script>